<template>
  <div class="check-button"  :class="{checked:isChecked}">
    <img v-show="isChecked" src="../../../assets/img/cart/tick.svg" alt="">
  </div>
</template>

<script>
export default {
  name: 'Checkbutton',

  data() {
    return {
    };
  },
  props:{
    isChecked:{
      type:Boolean,
      default:true
    }
  },
  mounted() {
    
  },

  methods: {
    
  },
};
</script>

<style lang="css" scoped>
.check-button{
  height: 20px;
  width: 20px;
  border-radius: 50%;
  border:2px solid #aaa;
  
}
.checked{
  background-color: red;
  border:2px solid red;
}
</style>